<!--
 * @author: 十一
 * @since: 2024-11-02
 * activeRingChart.vue
 * @desc: new page
-->
<template>
  <dv-active-ring-chart :config="conf" style="width: 100%; height: 100%" />
</template>

<script lang="ts" setup>
import { reactive } from "vue";
const conf = reactive({
  lineWidth: 24,
  digitalFlopStyle: {
    fill: "pink",
  },
  data: [
    {
      name: "杭州",
      value: 98,
    },
    {
      name: "金华",
      value: 150,
    },
    {
      name: "宁波",
      value: 62,
    },
    {
      name: "太原",
      value: 54,
    },
  ],
});
</script>

<style lang="less" scoped></style>
